import React from 'react'
import {LoadingClock} from "../../../assets/img/pages/analytics/icon";
import {Card} from "reactstrap";

const AnalyticsCardLoader = props => {
  return (
    <Card className="charts-loading">
      <h3 className="st-card-title">{ props.title }</h3>
      <div className="d-flex justify-content-center align-items-center flex-column h-100" style={ { minHeight: props.minHeight } }>
        <LoadingClock height={ props.iconSize || "30" } width={ props.iconSize || "30" } />
        { props.timeInfo && <span className="mt-2">Данные появятся в течение 24 часов</span> }
        { props.text && <span className="mt-2 mx-auto font-size-base">{ props.text }</span> }
      </div>
    </Card>
  )
}

export default AnalyticsCardLoader
